<!DOCTYPE html>
<html>
<head>
    <title><%= title %> - Microblog</title>
    <link rel='stylesheet' href='./stylesheets/bootstrap.css' />
    <link href="./stylesheets/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>

    <div class='row'>
        <div class='span4'>span4 1</div>
        <div class='span4'>span4 2</div>
    </div>
    <hr>
    <div class='row'>
        <div class='span4'>span4 1</div>
        <div class='span4 offset4'>span4 2</div>
    </div>
    <hr>
    <div class="row">
        <div class="span12">
            Level 1 of column
            <div class="row">
                <div class="span6">Level 2</div>
                <div class="span6">Level 2</div>
            </div>
        </div>
    </div>
    <hr>
<HR style="border:3 double #987cb9" width="100%" color=#987cb9 SIZE=3></body>
    <div class="row-fluid">
        <div class="span4">span4</div>
        <div class="span8">span8 </div>
    </div>

<script src="./javascripts/jquery-1.8.2.js"></script>
<script src="./javascripts/bootstrap.js"></script>
</html>
